<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>我的订单</title>
		<link href="/static/lvshi_pc/css/person.css" rel="stylesheet" />
		<link href="/static/lvshi_pc/css/swiper-bundle.min.css" rel="stylesheet" />
		<link href="/static/lvshi_pc/css/animate.min.css" rel="stylesheet" />
		<link href="/static/lvshi_pc/css/reset.min.css" rel="stylesheet" />
		<link href="/static/global/css/page.css" rel="stylesheet" />
		<script src="/static/lvshi_pc/js/swiper-bundle.min.js"></script>
		<script src="/static/lvshi_pc/js/jquery.min.js"></script>
		<script src="/static/lvshi_pc/js/wow.min.js"></script>
		<script src="/static/lvshi_pc/js/changeWindow.js"></script>
		<script src="/static/layer/layer.js"></script>
		<script src="/static/global/js/global.js"></script>
		<script src="/static/elementUi/axios.min.js"></script>
		<script src="/static/elementUi/Api.js"></script>
	</head>
	<body>
		<header>
			{include file="public/header"}
		</header>
		<img src="/static/lvshi_pc/images/bannera_02.png" class="banner" alt="">
		<div class="bubox">
			<div class="wrap">
				<div class="dannei">
					<div class="danleft">
						<ul>
							<a href="/index/user/order">
								<li {if empty($status)}class="active"{/if}>
									<div class="dandian"></div>
									<div class="dantitle">全部</div>
								</li>
							</a>
							<a href="/index/user/order?status=-1">
								<li {if $status==-1}class="active"{/if}>
									<div class="dandian"></div>
									<div class="dantitle">待付款</div>
								</li>
							</a>
							<a href="/index/user/order?status=1">
								<li {if $status==1}class="active"{/if}>
									<div class="dandian"></div>
									<div class="dantitle">待核销</div>
								</li>
							</a>
							<a href="/index/user/order?status=2">
								<li {if $status==2}class="active"{/if}>
									<div class="dandian"></div>
									<div class="dantitle">已完成</div>
								</li>
							</a>
						</ul>
					</div>
					
					<div class="danyou about">
						<div class="item show">
							<div class="hao">
								<ul>
									{volist name="list" id="vo"}
									<a href="/index/order/payment.html?order_id={$vo.id}">
										<li>
											<div class="dantop">
												<div class="haotitle">订单号：{$vo.order_no}</div>
												<div class="haolan">{$vo.status_name}</div>
											</div>
											<div class="chanbox">
												<img src="/static/lvshi_pc/images/chan_03.png" class="chanpic" alt="">
												<div class="chanyou">
													<div class="chantitle">{$vo.body.goods.title}</div>
													<div class="chandi">
														<div class="chanjia">
															￥<span>{$vo.body.goods.price}</span>
														</div>
													</div>
												</div>
											</div>
										</li>
									</a>
									{/volist}
								</ul>
							</div>
						</div>
						<div class="fenye ht-page-b">
							{$list->render()|raw}
						</div>
						<div class="item ">
							<div class="hao">
								<ul>
									<a href="">
										<li>
											<div class="dantop">
												<div class="haotitle">订单号：723596866245</div>
												<div class="haolan">待付款</div>
											</div>
											<div class="chanbox">
												<img src="/static/lvshi_pc/images/chan_03.png" class="chanpic" alt="">
												<div class="chanyou">
													<div class="chantitle">产品名称</div>
													<div class="chandi">
														<div class="chanjia">
															￥<span>100</span>
														</div>
														<div class="quque">
															<div class="quli">
																取消订单
															</div>
															<div class="queli">
																立即付款
															</div>
														</div>
													</div>
												</div>
											</div>
										</li>
									</a>
									<a href="">
										<li>
											<div class="dantop">
												<div class="haotitle">订单号：723596866245</div>
												<div class="haolan">待付款</div>
											</div>
											<div class="chanbox">
												<img src="/static/lvshi_pc/images/chan_03.png" class="chanpic" alt="">
												<div class="chanyou">
													<div class="chantitle">产品名称</div>
													<div class="chandi">
														<div class="chanjia">
															￥<span>100</span>
														</div>
														<div class="quque">
															<div class="quli">
																取消订单
															</div>
															<div class="queli">
																立即付款
															</div>
														</div>
													</div>
												</div>
											</div>
										</li>
									</a>
									<a href="">
										<li>
											<div class="dantop">
												<div class="haotitle">订单号：723596866245</div>
												<div class="haolan">待付款</div>
											</div>
											<div class="chanbox">
												<img src="/static/lvshi_pc/images/chan_03.png" class="chanpic" alt="">
												<div class="chanyou">
													<div class="chantitle">产品名称</div>
													<div class="chandi">
														<div class="chanjia">
															￥<span>100</span>
														</div>
														<div class="quque">
															<div class="quli">
																取消订单
															</div>
															<div class="queli">
																立即付款
															</div>
														</div>
													</div>
												</div>
											</div>
										</li>
									</a>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<footer>
			{include file="public/footer"}
		</footer>
		<script>
			$('.danleft ul li').click(function() {
				var index = $(this).index();
				var items = $(".about .item");
				$(this).addClass("active").siblings().removeClass("active");
				$(items[index]).addClass("show").siblings().removeClass("show")
			})
			// wow效果启用
			new WOW().init();
		</script>
	</body>

</html>
